<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>首页</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!--标准mui.css-->
		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" href="../css/iconfont.css" />
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="../css/app.css"/>
		<style>
			* { touch-action: none; }
			.title{
				margin: 20px 15px 10px;
				color: #6d6d72;
				font-size: 15px;
			}
			
			.oa-contact-cell.mui-table .mui-table-cell {
				padding: 11px 0;
				vertical-align: middle;
			}
			
			.oa-contact-cell {
				position: relative;
				margin: -11px 0;
			}
	
			.oa-contact-avatar {
				width: 75px;
			}
			.oa-contact-avatar img {
				border-radius: 50%;
			}
			.oa-contact-content {
				width: 100%;
			}
			.oa-contact-name {
				margin-right: 20px;
			}
			.oa-contact-name, oa-contact-position {
				float: left;
			}
			.mui-bar{
				background:#4F77AA ;
				color: #ffffff;
				-webkit-box-shadow: 0 0 1px rgba(0,0,0,0);
    			box-shadow: 0 0 1px rgba(0,0,0,0);
			}
			.mui-title{
				color: #ffffff;
			}
			a{
				color:#ffffff;
			}
			.mui-bar-bottom{
				background: #ffffff;
				-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.1);
    			box-shadow: 0 0 1px rgba(0,0,0,0.1);
			}
			.mui-content-title{
				width: 100%;
				height: 70px;
				padding-top: 10px;
				background: #4F77AA;
				color: #ffffff;
				margin-top: -2px;
			}
			.mui-content-title .mui-content-title-left{
				width: 50%;
				text-align: center;
				height: 100%;
				float: left;
			}
			.mui-content-title .mui-content-title-right{
				width: 50%;
				height: 100%;
				text-align: center;
				float: right;
			}
			.mui-content-title p{
				color: #ffffff;
				margin: 0;
			}
			.mui-content-title h3{
				margin: 0;
			}
			.mui-content-main{
				width: 100%;
				background: #ffffff;
				margin-top: 8px;
			}
			.mui-content-main-title ul a label{
				display: inline-block;
			    width: 3px;
			    height: 20px;
			    float: left;
			    margin-right: 4px;
			    background: #4F77AA;
			}
			.mui-content-main-title ul a span{
				color: #CCCCCC;
			    float: right;
			    padding-right: 20px;
			    font-size: 13px;
			}
			.mui-content-main-content{
				width: 100%;
				padding: 11px 15px;
			}
			.mui-content-main-content .main-content-item{
				width: 25%;
				text-align: center;
				float: left;
			}
			.mui-content-main-content .main-content-item a i{
				font-size: 28px;
				position: relative;
			}
			.mui-content-main-content .main-content-item p{
				margin-top: 5px;
			}
			.clear{
				clear: both;
			}
			.color-primary{
				color: #1ab394;
			}
			.color-success {
			    color: #1c84c6;
				}
			.color-info {
			    color: #23c6c8;
			}
			.color-warning {
			    color: #f8ac59;
			}		
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">首页</h1>
			<a class="mui-icon mui-icon-bars mui-pull-right"></a>
		</header>
		<nav class="mui-bar mui-bar-tab mui-bar-bottom">
			<a class="mui-tab-item mui-active" href="index.html">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" href="equipment.html">
				<span class="mui-icon mui-icon-email fa fa-file-text-o" style="font-size: 20px;"></span>
				<span class="mui-tab-label">设备</span>
			</a>
			<a class="mui-tab-item" href="#">
				<span class="mui-icon mui-icon-contact"></span>
				<span class="mui-tab-label">备件</span>
			</a>
			<a class="mui-tab-item" href="spare_part.html">
				<span class="mui-icon mui-icon-gear"></span>
				<span class="mui-tab-label">备件</span>
			</a>
			<a class="mui-tab-item" href="my.html">
				<span class="mui-icon mui-icon-contact"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
		<div class="mui-content">
			<div class="mui-content-title">
				<div class="mui-content-title-left">
					<p>设备总数</p>
					<h3>38</h3>
				</div>
				<div class="mui-content-title-right">
					<p>实时故障</p>
					<h3>21</h3>
				</div>
			</div>
			<div class="mui-content-main" style="margin: 0;">
				<div class="mui-content-main-title">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right">
								<label></label>故障报修
								<span>全部单据</span>
							</a>
						</li>
					</ul>
				</div>
				<div class="mui-content-main-content">
					<div class="main-content-item">
						<a href="#" class=""><i class="color-primary icon iconfont icon-baoxiu"></i>
							<p>报修</p>
						</a>
					</div>
					<div class="main-content-item">
						<a href="#" class="">
							<i class="color-success icon iconfont icon-shenhe"></i>
							<p>审核</p>
						</a>
					</div>
					<div class="main-content-item">
						<a href="#" class=""><i class="color-info iconfont icon-yanzheng"></i>
							<p>验证</p>  
						</a>
					</div>
				</div>
				<div class="clear"></div>
			</div>

			<div class="mui-content-main">
				<div class="mui-content-main-title">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right">
								<label></label>设备维修
								<span>全部单据</span>
							</a>
						</li>
					</ul>
				</div>
				<div class="mui-content-main-content">
					<div class="main-content-item">
						<a href="#" class=""><i class="color-primary iconfont icon-renwuliebiao"></i>
							<p>待接单</p>
						</a>
					</div>
					<div class="main-content-item">
						<a href="#" class="">
							<i class="color-success iconfont icon-ico_shujuchaxunyutongji_yongcanmingxi mui-icon"><span class="mui-badge">19</span></i>
							
							<p>待执行</p>
						</a>
					</div>
					<div class="main-content-item">
						<a href="#" class=""><i class="color-info iconfont icon-weixiu mui-icon"><span class="mui-badge">9</span></i>
							<p>维修中</p>  
						</a>
					</div>
					<div class="main-content-item">
						<a href="#" class=""><i class="color-warning iconfont icon-listchecknoteb"></i>
							<p>快速工单</p>  
						</a>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="mui-content-main">
				<div class="mui-content-main-title">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right">
								<label></label>计划管理
							</a>
						</li>
					</ul>
				</div>
				<div class="mui-content-main-content">
					<div class="main-content-item">
						<a href="../plan_manage/patrolinspection_plan/patrolinspection_plan.html" class=""><i class="color-info iconfont icon-qichebaoyangweixiushenqing"></i>
							<p>巡检计划</p>
						</a>
					</div>
					<div class="main-content-item">
						<a href="#" class="">
							<i class="color-primary iconfont icon-xiazai"></i>
							
							<p>离线巡检</p>
						</a>
					</div>
					<div class="main-content-item">
						<a href="../plan_manage/maintenance_plan/maintenance_plan.html" class=""><i class="color-warning iconfont icon-jihua"></i>
							<p>保养计划</p>  
						</a>
					</div>
					<div class="main-content-item">
						<a href="../plan_manage/maintenance_workorder/maintenance_workorder.html" class=""><i class="color-success iconfont icon-jihuanengli"></i>
							<p>保养工单</p>  
						</a>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="mui-content-main">
				<div class="mui-content-main-title">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right">
								<label></label>数据统计
							</a>
						</li>
					</ul>
				</div>
				<div class="mui-content-main-content">
					<div class="main-content-item">
						<a href="#" class=""><i class="color-warning iconfont icon-renyuan"></i>
							<p>人员状态</p>
						</a>
					</div>
					<div class="main-content-item">
						<a href="#" class="">
							<i class="color-primary iconfont icon-icon"></i>
							
							<p>故障统计</p>
						</a>
					</div>
					<div class="main-content-item">
						<a href="#" class=""><i class="color-info iconfont icon-tongjibaobiao"></i>
							<p>数据看板</p>  
						</a>
					</div>
				</div>
				<div class="clear"></div>
			</div>
		
		</div>
		<script src="../js/mui.min.js"></script>
		<script>
			mui.init({
				swipeBack: true //启用右滑关闭功能
			});
			mui('body').on('tap','a',function(){
				window.top.location.href=this.href;
			});
		</script>
			</body>
</html>